// pages/goods_detail/index.js

// 引入发送请求的方法
import {
  request
} from "../../request/index.js"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    show: false,
    duration: 300,
    position: 'bottom',
    round: false,
    overlay: true,
    customStyle: '',
    overlayStyle: '',

    // 商品  页面新请求数据
    web_detile_item: {},
    // 折扣价格
    web_detile_item_zkmoney: {},
    // 多规格   数据
    web_detile_guige: {},
    //点击选中后的商品规格 价格 
    e_guige: {},
    e_price: {},
    e_index: {},

    cguige: {},
    cbh: {},
    cname: {},
    cguige: {},
    cimage: {},
    cprice: {},
    tu1: {},
    tu2: {},
    tu3: {},
    xlnumber: {},

    option: {},
    GoodsInfo: [],
    login_obj: {},
    userobjs_adress: {}
  },
  // 商品对象
  // GoodsInfo:{},
  // 生命周期监听页面加载
  onLoad: function (option) {
    // 获取storge里面是否有注册信息userobjs  因为想要用地址判断
    let login_obj = wx.getStorageSync('login_obj')
    console.log("页面加载调用缓存注册信息", login_obj)
    this.setData({
      login_obj
    })


    console.log("传到详情的数据", option)
    this.setData({
      option,
      cbh: decodeURI(option.cbh),
      cname: decodeURI(option.cname),
      cguige: decodeURI(option.cguige),
      cimage: decodeURI(option.cimage),
      cprice: decodeURI(option.cprice),
      tu1: decodeURI(option.tu1),
      tu2: decodeURI(option.tu2),
      tu3: decodeURI(option.tu3),
      xlnumber: decodeURI(option.xlnumber),
      GoodsInfo: option
    })


    // 加载请求购物车   从新的页面all数据 
    request({
        url: 'https://yunbao.greatforest.com.cn/ruoyi-admin/qt/showSpBySpBh?spbh=' + this.data.option.cbh,
        method: "POST"
      })
      .then(res => {
        // 主页请求的商品数据
        console.log('购物车新请求all数据', res);
        let web_detile_item = res.data.data.sp
        let web_detile_item_zkmoney = res.data.data.spZkmoney
        console.log('购物车新请求all数据', web_detile_item);
        this.setData({
          web_detile_item,
          web_detile_item_zkmoney
        })
      })

    // 规格 参数
    request({
        // url: 'http://192.168.3.144:8080/qt/showguige?spbh=Sfyv20210709154514',
        url: 'https://yunbao.greatforest.com.cn/ruoyi-admin/qt/showguige?spbh=' + this.data.option.cbh,
        method: "GET"
      })
      .then(res => {
        // 主页请求的商品数据
        console.log('购物车规格数据', res);
        let web_detile_guige = res.data.data
        console.log('购物车规格数据', web_detile_guige);
        this.setData({
          web_detile_guige
        })
      })


  },


  /**
   * 请求商品规格数据
   */
  onShow() {

  },

  // 点击规格参数按钮  显示参数
  guige_change(e) {
    console.log("点击获取规格e", e)
    const e_guige = e.currentTarget.dataset.guige;
    const e_price = e.currentTarget.dataset.price;
    const {
      index
    } = e.currentTarget.dataset;
    console.log("点击获取规格e", e_guige)
    console.log("点击获取价格e", e_price)
    console.log("点击获取index", index)
    this.setData({
      e_guige,
      cprice: e_price,
      e_index: index

    })
  },

  //web_cart 点击加入web购物车
  handleCarAdd() {
    //web_cart 点击加入web购物车

    // 先判断一下是否已经登录（未登录不能加入购物车）
    if (this.data.login_obj) {

      wx.request({
        // url: 'http://192.168.3.144:8080/gwc/addSpToGwc',
        url: 'https://yunbao.greatforest.com.cn/ruoyi-admin/gwc/addSpToGwc',
        dataType: 'json',
        responseType: 'text',
        data: {
          "customer": this.data.login_obj.userName,
          "name": this.data.option.cname,
          "count": 1,
          "bh": this.data.option.cbh,
          "guige": this.data.e_guige
        },
        method: "POST",
        success: function (e) {
          //成功回调
          console.log("购物车上传数据结果", e)
          if (e.data.code == 500) {
            wx.showToast({
              title: '请选择商品规格',
              icon: 'error',

              duration: 1500,
              // true防止手抖点击（1.5s后点击才生效）
              mask: false,
              success: (result) => {

              },
              fail: () => {},
              complete: () => {}
            });
          } else {
            // 6、弹窗提示
            wx.showToast({
              title: '加入成功',
              icon: 'syccess',
              image: '',
              duration: 1500,
              // true防止手抖点击（1.5s后点击才生效）
              mask: false,
              success: (result) => {

              },
              fail: () => {},
              complete: () => {}
            });

          }
        }
      })

      // request({
      //正常线上添加 
      //     // url: 'https://yunbao.greatforest.com.cn/ruoyi-admin/gwc/addSpToGwc?customer=' + this.data.login_obj.userName + '&name=' + this.data.option.cname + '&count=1&bh=' + this.data.option.cbh,
      //     // url: 'http://192.168.3.144:8080/gwc/addSpToGwc?customer=' + this.data.login_obj.userName + '&name=' + this.data.option.cname + '&count=1&bh=' + this.data.option.cbh,
      //     // url:'https://yunbao.greatforest.com.cn/ruoyi-admin/gwc/addSpToGwc?customer=' + this.data.login_obj.userName + '&name=蓝威牛排切割薯&count=1&bh=SudU20210709172925',
      //     method: "POST"
      //   })
      //   .then(res => {
      //     // 主页请求的商品数据
      //     console.log('购物车请求数据', res);
      //   })


      //点击加入本地购物车逻辑 
      // 1、获取缓存中的购物车，数组第一次数组为空得添加一个空数组
      // let cart = wx.getStorageSync("cart") || [];
      // console.log("获取storge中的cart", cart)
      // // 2、判断商品对象是否存在于购物车数组中v.cid是购物车中的cid， this.data.GoodsInfo.cid代表此页面显示的商品cid
      // let index = cart.findIndex(v => v.cid === this.data.GoodsInfo.cid);
      // console.log(index)

      // if (index === -1) {
      //   // 3、不纯在第一次添加 把新加num并赋值1
      //   this.data.GoodsInfo.num = 1;
      //   // 先默认添加一个选框属性
      //   this.data.GoodsInfo.checked = true;
      //   cart.push(this.data.GoodsInfo);
      //   console.log("cart里的num已经等于1，此时cart还未进入storge中", cart)

      // } else {
      //   // 4、已经纯在购物车数据 执行 num++
      //   cart[index].num++;
      // }
      // 5、把购物车重新添加回缓存中  如果之前没有cart就第一次添加cart了
      // wx.setStorageSync("cart", cart);


    } else {
      console.log("您还未登录")
      // 6、弹窗提示
      wx.showToast({
        title: '您还未登录',
        icon: 'error',
        image: '',
        // duration: 1000,
        // true防止手抖点击（1.5s后点击才生效）
        // mask: false,
        success: (result) => {

        },
        fail: () => {},
        complete: () => {}
      });
    }



  },


  // 点击按钮触发底部弹出
  popup(e) {
    const position = e.currentTarget.dataset.position
    let customStyle = ''
    let duration = this.data.duration
    switch (position) {
      case 'top':
      case 'bottom':
        customStyle = 'height: 30%;'
        break
      case 'right':
        break
    }
    this.setData({
      position,
      show: true,
      customStyle,
      duration
    })
  },

  // 点击的模糊遮罩
  changeOverlayStyle(e) {
    let overlayStyle = ''
    const type = e.currentTarget.dataset.type
    switch (type) {
      case 'black':
        overlayStyle = 'background-color: rgba(0, 0, 0, 0.7)'
        break
      case 'white':
        overlayStyle = 'background-color: rgba(255, 255, 255, 0.7)'
        break
      case 'blur':
        overlayStyle = 'background-color: rgba(0, 0, 0, 0.7); filter: blur(4px);'
    }
    this.setData({
      overlayStyle,
      show: true
    })

  },
  // 下拉点击退出
  exit() {
    this.setData({
      show: false
    })
    // wx.navigateBack()
  },


  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: (res) => {
    if (res.from === 'button') {
      console.log("来自页面内转发按钮");
      console.log(res.target);
    } else {
      console.log("来自右上角转发菜单")
    }
    return {
      title: '发送给',
      path: '/pages/goods_detail/index?option=' + this.data.option,
      // imageUrl: "/images/1.jpg",
      success: (res) => {
        console.log("转发成功", res);
      },
      fail: (res) => {
        console.log("转发失败", res);
      }
    }
  }
})